<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <title>喜欢的商品</title>
    <link href="${pageContext.servletContext.contextPath}/images/milogo.png" rel="icon" type="image/x-icon">
    <link as="style" href="${pageContext.servletContext.contextPath}/st/front/CSS/favorite.2d57b72b.css" rel="preload">
    <link as="script" href="${pageContext.servletContext.contextPath}/st/front/JS/chunk-vendors.c6d24ca0.js" rel="preload">
    <link as="script" href="${pageContext.servletContext.contextPath}/st/front/JS/favorite.d463d2f6.js" rel="preload">
    <link href="${pageContext.servletContext.contextPath}/st/front/CSS/favorite.2d57b72b.css" rel="stylesheet">
    <script type="text/javascript" src="${pageContext.servletContext.contextPath}/st/front/JS/jquery-3.2.1.min.js"></script>
    <script>
        function ajax_removeColl(deid,currpageno){
            $.get("${pageContext.servletContext.contextPath}/Ajax_removeColl",{deid:deid,pageinfo:currpageno},
                function (result){
                if(result){

                }
            })
        }
        $(function (){
            $(".btn-line-gray").on("click",function (){
                var a=$(this).parent().parent().index();
                //获取deid
                var deid=$(this).children("span").html();
                //alert(deid);
                //获取页数
                var currpageno=$(".current").html();
                //alert(currpageno);
                ajax_removeColl(deid,currpageno);
                $(this).parent().parent().remove();
            });
        })
    </script>
</head>
<body id="stat_e3c9df7196008778">
<jsp:include page="/Front_Head"></jsp:include>
<div id="app">
    <div class="breadcrumbs">
        <div class="container"><a href="${pageContext.servletContext.contextPath}/index" stat_exposure="true">首页</a> <span class="sep">/</span>
            <span>喜欢的商品</span></div>
    </div>
    <div class="mi-user-favorite page-main">
        <div class="container ">
            <div class="row">
                <div class="span4">
                    <div class="user-address-menu" id="J_userMenu">
                        <div class="menu-box">
                            <h3 class="title">订单中心</h3>
                            <ul class="list">
                                <li><a href="${pageContext.servletContext.contextPath}/Order_center" >我的订单</a></li>
                                <li><a data-name="bracket" href="#" id="J_comment" >评价晒单</a></li>
                            </ul>
                        </div>
                        <div class="menu-box">
                            <h3 class="title">个人中心</h3>
                            <ul class="list">
                                <li><a href="${pageContext.servletContext.contextPath}/Center" >我的个人中心</a></li>
                                <li class="active"><a href="${pageContext.servletContext.contextPath}/GetColl" >喜欢的商品</a></li>
                                <li><a href="${pageContext.servletContext.contextPath}/Address" >收货地址</a></li>
                            </ul>
                        </div>
                        <div class="menu-box">
                            <h3 class="title">账户管理</h3>
                            <ul class="list">
                                <li><a href="${pageContext.servletContext.contextPath}/GoPersonal"  target="_blank">个人信息</a>
                                </li>
                                <li><a href="${pageContext.servletContext.contextPath}/UpdatePass"  target="_blank">修改密码</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span16">
                    <div class="mi-uc-box uc-main-box">
                        <div class="uc-content-box portal-content-box">
                            <div class="uc-context">
                                <div class="box-hd">
                                    <h1 class="title">喜欢的商品</h1>
                                </div>
                                <div class="box-bd">
                                    <div class="xm-goods-list-wrap">
                                        <div data-v-1e7100c4="">
                                            <!--    收藏显示    -->
                                            <ul class="xm-goods-list clearfix" data-v-1e7100c4="">
                                                <c:forEach var="collList" items="${page.list}">
                                                    <li class="xm-goods-item" data-v-1e7100c4="">
                                                        <div class="figure figure-img" data-v-1e7100c4="">
                                                            <a data-v-1e7100c4="" href="${pageContext.servletContext.contextPath}/FindCid/${collList.cid}">
                                                                <img style="width: 150px;height: 150px;" data-v-1e7100c4="" src="${pageContext.servletContext.contextPath}/images/${collList.picture}">
                                                            </a>
                                                        </div>
                                                        <h3 class="title" data-v-1e7100c4="">
                                                            <a data-v-1e7100c4="" href="${pageContext.servletContext.contextPath}/FindCid/${collList.cid}" target="_blank">${collList.comname} ${collList.config}</a>
                                                        </h3>
                                                        <c:if test="${collList.comstate==1}">
                                                            <p class="price" data-v-1e7100c4="">
                                                                <span data-v-1e7100c4=""><span data-v-1e7100c4="">${collList.depraice}元</span></span>
                                                            </p>
                                                            <p class="rank" data-v-1e7100c4="">
                                                                <!---->
                                                            </p>
                                                            <div class="actions" data-v-1e7100c4="">
                                                                <a class="btn btn-small btn-line-gray"><span style="display: none">${collList.deid}</span>删除</a>
                                                                <a class="btn btn-small btn-primary" data-v-1e7100c4="" href="${pageContext.servletContext.contextPath}/FindCid/${collList.cid}" stat_exposure="true" target="_blank">查看详情</a>
                                                            </div>
                                                        </c:if>
                                                        <c:if test="${collList.comstate==2}">
                                                            <p class="price" data-v-1e7100c4="">
                                                                <span data-v-1e7100c4=""><span data-v-1e7100c4="">${collList.depraice}元</span></span>
                                                            </p>
                                                            <p class="rank" data-v-1e7100c4="">
                                                                <!--下架商品 只显示删除-->
                                                            </p>
                                                            <div class="actions" data-v-1e7100c4="">
                                                                <a class="btn btn-small btn-line-gray"><span style="display: none">${collList.deid}</span>删除</a>
                                                            </div>
                                                        </c:if>
                                                    </li>
                                                </c:forEach>
                                            </ul>
                                            <!--分页按钮-->
                                            <div class="mi-pagenav" data-v-0acc30d3="" data-v-1e7100c4="">
                                                <!--前一个-->
                                                <c:choose>
                                                    <c:when test="${page.isFirstPage==true}">
                                                        <span class="numbers first" data-v-0acc30d3="">
                                                         <span class="iconfont" data-v-0acc30d3=""></span>
                                                        </span>
                                                    </c:when>
                                                    <c:otherwise>
                                                        <a class="numbers last" data-v-0acc30d3="" href="${pageContext.servletContext.contextPath}/GetColl?pageinfo=${page.prePage}" stat_exposure="true">
                                                            <span class="iconfont" data-v-0acc30d3=""></span>
                                                        </a>
                                                    </c:otherwise>
                                                </c:choose>
                                                <!--显示页数-->
                                                <c:forEach var="pageNo" items="${page.navigatepageNums}">
                                                    <c:choose>
                                                        <c:when test="${pageNo == page.pageNum}">
                                                            <span class="numbers current" data-v-0acc30d3="">${pageNo}</span>
                                                        </c:when>
                                                        <c:otherwise>
                                                            <a class="numbers" data-v-0acc30d3="" href="${pageContext.servletContext.contextPath}/GetColl?pageinfo=${pageNo}" stat_exposure="true">${pageNo}</a>
                                                        </c:otherwise>
                                                    </c:choose>
                                                </c:forEach>
                                                <!--后一页-->
                                                <c:choose>
                                                    <c:when test="${page.isLastPage == true}">
                                                        <span class="iconfont" data-v-0acc30d3=""></span>
                                                    </c:when>
                                                    <c:otherwise>
                                                        <a class="numbers last" data-v-0acc30d3="" href="${pageContext.servletContext.contextPath}/GetColl?pageinfo=${page.nextPage}" stat_exposure="true">
                                                            <span class="iconfont" data-v-0acc30d3=""></span>
                                                        </a>
                                                    </c:otherwise>
                                                </c:choose>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<jsp:include page="/Front_Tail"></jsp:include>
</body>
</html>

